@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.fixtop .toper ul.navpc li a i,.fixtop,.tblank,.fixtop .toper ul.navpc li.f2 img,.indabout .mright .pic img,.indabout .mright .more a,.indabout .mright .more a i,.indcase li .pic .cons,.indcase li .pic p,.indcase li .title a,.prevnext a .cs .c,.prevnext a .cs p,.prevnext a span,.about .pic img
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.indabout .mright .pic img:hover,.indcase li .pic:hover p,.prevnext a .cs:hover p,.about .pic img:hover
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;background:#fff;font-size:16px;line-height:35px;color:#666;max-width:1920px;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:35px;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#666;font-size:16px;}
a:hover{color:#e6504e}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999; } 
::-moz-placeholder { color: #999999; } 
:-ms-input-placeholder {color: #999999; }

::selection {background:#e6504e;color:#ffffff;}
::-moz-selection {background:#e6504e;color:#ffffff;}
::-webkit-selection {background:#e6504e;color:#ffffff;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #e6504e;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #e6504e;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:}  
.pager a:hover,.pager span.current { background:#e6504e;border:1px solid #e6504e;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #e6504e} 
.pager a,.pager span.disabled {color:#e6504e;border:1px solid #e6504e;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1200px; position:relative}
.phonemenu { display:none;}

.fixtop {height:160px; line-height:160px; position:fixed; z-index:9999;left:0;top:0;width:100%; background:#fff}
.fixtop.active { height:80px; line-height:80px}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:middle;position:relative;}
.fixtop .toper ul.navpc li.f1 { text-align:right;width:32%;}
.fixtop .toper ul.navpc li.f2 { text-align:center;width:36%;}
.fixtop .toper ul.navpc li.f2 img { height:69px;}
.fixtop.active .toper ul.navpc li.f2 img { height:40px}
.fixtop .toper ul.navpc li.f3 {width:32%;}
.fixtop .toper ul.navpc li a {font-size:20px;color:#111;margin:0 28px; letter-spacing:0.2px;}
.fixtop .toper ul.navpc li.f1 a {margin:0 40px 0 16px}
.fixtop .toper ul.navpc li a i { background:#fff;width:10px; height:10px;border-radius:50%; display:inline-block;margin:-2px 10px 0 0; vertical-align:middle}
.fixtop .toper ul.navpc li a:hover i,.fixtop .toper ul.navpc li a.check i { background:#e6504e}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li.check a{}

.tblank { height:160px}
.tblank.active { height:80px}

.bxslider li a { background-position:center; background-repeat:no-repeat; display:block;  height:827px; cursor:auto}
.indabout { background:url(../images/1.jpg) center;padding:120px 0}
.indabout .mleft {float:left;width:50%;}
.indabout .mleft .cons {font-size:19px; line-height:42px;margin-top:36px}
.indabout .mleft .cons p {margin:30px 0}
.indabout .mright {float:right;width:46%}
.indabout .mright .pic { overflow:hidden;margin:95px 0 0 0}
.indabout .mright .pic img {width:100%;}
.indabout .mright .more { text-align:right}
.indabout .mright .more a { background:#7a7a7a;color:#fff; display:inline-block;border-radius:10px; height:55px; line-height:55px;padding:0 15px 0 40px; letter-spacing:2px;font-size:18px;margin-right:0;margin-top:70px}
.indabout .mright .more a i { display:inline-block; vertical-align:middle; background:url(../images/1.png) no-repeat center;width:21px; height:36px;margin-left:15px}
.indabout .mright .more a:hover { background:#e6504e;padding-right:25px}
.indabout .mright .more a:hover i {margin-left:25px;}
.mainsubject {color:#e6504e; letter-spacing:2px}
.mainsubject h1,.mainsubject p {font-size:48px; line-height:48px; display:inline-block; vertical-align:middle;margin:0 10px 0 0}
.mainsubject h2 {font-size:24px; display:inline-block; vertical-align:middle; letter-spacing:4px;margin-top:15px}
.indcase .subject {color:#e6504e;font-size:45px; line-height:45px; letter-spacing:6px;margin:100px 0 80px 0; text-align:center}
.indcase .mainsubject {margin:0 0 70px 0}
.indcase ul {width:102%;margin-top:-40px;margin-left:-1%;}
.indcase li {float:left;width:48%;margin:40px 1% 0 1%; }
.indcase li .pic { position:relative; overflow:hidden;}
.indcase li .pic .cons { position:absolute; z-index:50;width:90%; height:100%;padding:0 5%; background:rgba(0,0,0,0.8); text-align:center;color:#fff;font-size:25px; line-height:45px; letter-spacing:3px;opacity:0}
.indcase li .pic:hover .cons {opacity:1}
.indcase li .title { height:25px; line-height:25px; overflow:hidden;margin-top:20px}
.indcase li .title a {font-size:18px;color:#000}
.indcase li .title a span {font-size:14px;margin-left:30px}
.indcase li .title a:hover {color:#e6504e;}
.indmovie { background:#c2c2c2;margin-top:120px;padding-top:100px;padding-bottom:120px}
.case {padding:60px 0 100px 0}
.show {max-width:960px;margin:30px auto 0 auto}
.show .cons { background:#e6504e;padding:65px 75px}
.show .cons .t {color:#000;font-size:40px; line-height:60px}
.show .cons .hy{color:#fff;margin:30px 0 10px 0}
.show .cons .content {color:#000;}
.show .summry img {margin-top:40px}

.prevnext { position:relative; height:200px;margin:60px 0}
.prevnext a  { display:inline-block; vertical-align:top;width:230px}
.prevnext a.p {}
.prevnext a.m { background:url(../images/2.png) no-repeat center;width:28px; height:27px; position:absolute;left:50%;top:61px;margin-left:-14px;}
.prevnext a.n { position:absolute;right:0;top:0; }
.prevnext a .cs { position:relative; overflow:hidden}
.prevnext a .cs .c { position:absolute; z-index:50;width:90%; height:100%;padding:0 5%; background:rgba(0,0,0,0.8); text-align:center;color:#fff;font-size:20px; line-height:40px; letter-spacing:3px;opacity:0}
.prevnext a .cs:hover .c {opacity:1}
.prevnext a span {color:#e6504e;font-size:20px;letter-spacing:0.5px;margin-top:20px; display:inline-block}
.prevnext a.p span { background:url(../images/l.png) no-repeat center left;padding:0 0 0 25px}
.prevnext a.n span { background:url(../images/r.png) no-repeat center right;padding:0 25px 0 0;margin-left:150px}
.prevnext a.p span:hover {margin-left:5px}
.prevnext a.n span:hover {margin-left:145px}

.mshow { background:#676767;padding:0 0 60px 0}
.mshow .wrap {max-width:833px;}
.mshow .title {color:#fff;font-size:24px; line-height:44px; letter-spacing:4px;padding:50px 0 0 0}
.mshow .title2 {color:#fff;font-size:14px; line-height:34px; letter-spacing:2px;padding:0 0 10px 0}
.mshow .content img {margin-top:20px}
.mshowpn .wrap {max-width:833px;}

.wrap2 {max-width:1300px;margin:0 auto; position:relative}
.bannercontact { height:888px; background-position:center; background-repeat:no-repeat;color:#fff; text-align:center}
.bannercontact .cons { display:inline-block;margin:0 auto; text-align:left;}
.bannercontact .cons .up {font-size:160px; line-height:190px; letter-spacing:20px;padding:120px 0 60px 0}
.bannercontact .cons .down .t {font-size:18px; line-height:38px;}
.bannercontact .cons .down .c {font-size:24px; line-height:44px;}
.bannercontact .cons .down .mleft {float:left;}
.bannercontact .cons .down .mright {float:right;}
.contact { background:#f1f5f6;margin:-170px 0 90px 0;border-radius:5px;padding:110px 170px 0 170px}
.contact .mleft {float:left;width:35%; }
.contact .mright {float:right;width:35%;}
.contact .title { background:#e6504e;font-size:18px;color:#fff; display:inline-block;padding:0 10px}
.contact .content {color:#111;margin:30px 0 100px 0}
.contact .content a {color:#e6504e;}
.contact .content a:hover { text-decoration:underline}

.abanner .bxslider li a {height:888px;}

.about {padding:0 0 190px 0}
.about li {margin-top:190px;}
.about .cons {float:left;width:38%}
.about .cons .title {color:#e6504e; letter-spacing:1px}
.about .cons .title2 {color:#e6504e;font-size:47px; line-height:57px;margin:5px 0 30px 0}
.about .cons .content {font-size:18px; line-height:38px;}
.about .pic {float:right;width:57%; position:relative; overflow:hidden}
.about .pic img {width:100%}
.bgbottom { background:#c2c2c2}


.foot { background:#e6504e;color:#fff; text-align:center;padding:100px 0 30px 0}
.foot .l {display:inline-block; vertical-align:middle; text-align:left;letter-spacing:1px}
.foot .l p {font-size:35px;margin:0 0 5px 0}
.foot .l h2 {font-size:18px;}
.foot .m {display:inline-block; vertical-align:middle;width:1px; background:#fff; height:180px;transform:rotate(30deg);-ms-transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg);margin:0 150px}
.foot .r { display:inline-block; vertical-align:middle;font-size:17px; line-height:37px;text-align:left; }
.foot .r .t {font-size:27px; display:inline-block;margin:0 0 20px 0;letter-spacing:1px}
.foot .r .c {font-size:27px; display:inline-block;margin:0 0 20px 0;letter-spacing:1px}
.foot a {color:#fff}
.foot .cons {font-size:14px; line-height:34px;margin-top:60px; letter-spacing:1px}